<!DOCTYPE html>
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">-->
<html>

<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />-->
<meta name="description" content="TODO"/>
<title>Polytech Mobile Webmail</title>
<link type="text/css" rel="stylesheet" href="assets/jquery-mobile/jquery.mobile-1.0a2.min.css" />
<link rel="apple-touch-icon" href="assets/img/tutsTouchIcon.png" />
<link rel="icon" type="image/ico" href="assets/img/tutsTouchIcon.png" />
<script type="text/javascript" src="assets/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="assets/jquery-mobile/jquery.mobile-1.0a2.min.js"></script> 

   <link rel="stylesheet" href="css/mobile.css" />
   <link rel="stylesheet" href="css/article.css" />

</head>

<body>



<div class="ui-page ui-body-c ui-page-active" data-role="page" id="home">

  <div role="banner" class="ui-bar-a ui-header" data-role="header"><a data-theme="a" href="#" class="ui-btn-left ui-btn ui-btn-up-a ui-btn-icon-left ui-btn-corner-all ui-shadow" data-icon="arrow-l"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-icon ui-icon-arrow-l ui-icon-shadow"></span><span class="ui-btn-text">Back</span></span></a>
    <h1 aria-level="1" role="heading" tabindex="0" class="ui-title">Ice Cream Order Form</h1>
  </div>

  <div role="main" class="ui-content" data-role="content">
    <form action="#" method="get">
    
     <div class="ui-field-contain ui-body ui-br" data-role="fieldcontain">
       <label class="ui-input-text" for="name">Your Name:</label>
       <input class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" name="name" id="name" type="text">
     </div>
     
     <div class="ui-corner-all ui-controlgroup ui-controlgroup-vertical" data-role="controlgroup">
       Which flavour(s) would you like?
       
       <div class="ui-checkbox"><input name="vanilla" id="vanilla" class="custom" type="checkbox"><label class="ui-btn ui-btn-icon-left ui-corner-top ui-btn-up-c" data-theme="c" for="vanilla"><span class="ui-btn-inner ui-corner-top"><span class="ui-icon ui-icon-ui-icon-checkbox-off ui-icon-checkbox-off"></span><span class="ui-btn-text">Vanilla</span></span></label></div>
       
       
       <div class="ui-checkbox"><input name="chocolate" id="chocolate" class="custom" type="checkbox"><label class="ui-btn ui-btn-icon-left ui-btn-up-c" data-theme="c" for="chocolate"><span class="ui-btn-inner"><span class="ui-icon ui-icon-ui-icon-checkbox-off ui-icon-checkbox-off"></span><span class="ui-btn-text">Chocolate</span></span></label></div>
       
       
       <div class="ui-checkbox"><input name="strawberry" id="strawberry" class="custom" type="checkbox"><label class="ui-btn ui-btn-icon-left ui-corner-bottom ui-controlgroup-last ui-btn-up-c" data-theme="c" for="strawberry"><span class="ui-btn-inner ui-corner-bottom ui-controlgroup-last"><span class="ui-icon ui-icon-ui-icon-checkbox-off ui-icon-checkbox-off"></span><span class="ui-btn-text">Strawberry</span></span></label></div>
       
       
     </div>    
     
     <div class="ui-field-contain ui-body ui-br" data-role="fieldcontain">
       <label id="quantity-label" class="ui-input-text ui-slider" for="quantity">Number of Cones:</label>
       <input class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset ui-slider-input" name="quantity" id="quantity" value="5" min="1" max="10" data-type="range"><div class="ui-slider  ui-btn-down-c ui-btn-corner-all" role="application"><a style="left: 11.1111%;" aria-labelledby="quantity-label" title="1" aria-valuetext="1" aria-valuenow="1" aria-valuemax="10" aria-valuemin="1" role="slider" data-theme="c" href="#" class="ui-slider-handle ui-btn ui-btn-up-c ui-btn-corner-all ui-shadow"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span></span></a></div>
     </div>

     <div class="ui-field-contain ui-body ui-br" data-role="fieldcontain">
       <label class="ui-slider" id="sprinkles-label" for="sprinkles">Sprinkles:</label>
        <select class="ui-slider-switch" name="sprinkles" id="sprinkles" data-role="slider">
          <option selected="selected" value="off">No</option>
          <option value="on">Yes</option>
        </select><div class="ui-slider ui-slider-switch ui-btn-down-c ui-btn-corner-all ui-slider-switch-a" role="application"><div class="ui-slider-labelbg ui-slider-labelbg-a ui-btn-active ui-btn-corner-left"></div><div class="ui-slider-labelbg ui-slider-labelbg-b ui-btn-down-c ui-btn-corner-right"></div><div class="ui-slider-inneroffset"><a style="left: 0%;" aria-labelledby="sprinkles-label" title="0" aria-valuetext="0" aria-valuenow="0" aria-valuemax="1" aria-valuemin="0" role="slider" data-theme="c" href="#" class="ui-slider-handle ui-btn ui-btn-up-c ui-btn-corner-all ui-shadow"><span class="ui-slider-label ui-slider-label-a ui-btn-active ui-btn-corner-left" role="img">Yes</span><span class="ui-slider-label ui-slider-label-b ui-btn-down-c ui-btn-corner-right" role="img">No</span><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"></span></span></a></div></div> 
     </div>

     <div class="ui-field-contain ui-body ui-br" data-role="fieldcontain">
       <label class="ui-select" for="store">Collect from Store:</label>
        <div class="ui-select"><a class="ui-btn ui-btn-up-c ui-btn-icon-right ui-btn-corner-all ui-shadow" data-theme="c" aria-owns="store-menu" aria-haspopup="true" id="store-button" title="select menu" role="button" href="#"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span><span class="ui-btn-text">Main Street</span></span></a><select tabindex="-1" name="store" id="store">
          <option value="mainStreet">Main Street</option>
          <option selected="selected" value="libertyAvenue">Liberty Avenue</option>
          <option value="circleSquare">Circle Square</option>
          <option value="angelRoad">Angel Road</option>
        </select></div>
     </div>
     
    <div class="ui-body ui-body-b">
      <fieldset class="ui-grid-a">
        <div class="ui-block-a"><a class="ui-btn ui-btn-up-d ui-btn-corner-all ui-shadow" data-theme="d" href="#" role="button"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Cancel</span></span></a><button tabindex="-1" class="ui-btn-hidden" type="submit" data-theme="d">Cancel</button></div>
        <div class="ui-block-b"><a class="ui-btn ui-btn-up-a ui-btn-corner-all ui-shadow" data-theme="a" href="#" role="button"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Order Ice Cream</span></span></a><button tabindex="-1" class="ui-btn-hidden" type="submit" data-theme="a">Order Ice Cream</button></div>     
      </fieldset>
    </div>
     
  </form></div>

<div class="ui-listbox-screen ui-overlay ui-screen-hidden fade"></div><div class="ui-listbox ui-listbox-hidden ui-body-a ui-overlay-shadow ui-corner-all pop"><ul aria-labelledby="store-button" role="listbox" id="store-menu" class="ui-listbox-list ui-listview"><li data-theme="c" tabindex="0" role="option" data-icon="checkbox-on" class="ui-btn-active ui-li ui-btn ui-btn-up-c ui-btn-icon-right"><div class="ui-btn-inner"><span class="ui-icon ui-icon-checkbox-on"></span><div class="ui-btn-text"><a class="ui-link-inherit" href="#" role="option" aria-selected="true">Main Street</a></div></div></li><li data-theme="c" tabindex="-1" role="option" data-icon="checkbox-on" class="ui-li ui-btn ui-btn-up-c ui-btn-icon-right"><div class="ui-btn-inner"><span class="ui-icon ui-icon-checkbox-on"></span><div class="ui-btn-text"><a class="ui-link-inherit" href="#" role="option" aria-selected="false">Liberty Avenue</a></div></div></li><li data-theme="c" tabindex="-1" role="option" data-icon="checkbox-on" class="ui-li ui-btn ui-btn-up-c ui-btn-icon-right"><div class="ui-btn-inner"><span class="ui-icon ui-icon-checkbox-on"></span><div class="ui-btn-text"><a class="ui-link-inherit" href="#" role="option" aria-selected="false">Circle Square</a></div></div></li><li data-theme="c" tabindex="-1" role="option" data-icon="checkbox-on" class="ui-li ui-btn ui-btn-up-c ui-btn-icon-right"><div class="ui-btn-inner"><span class="ui-icon ui-icon-checkbox-on"></span><div class="ui-btn-text"><a class="ui-link-inherit" href="#" role="option" aria-selected="false">Angel Road</a></div></div></li></ul></div></div>

<div style="top: 75px;" class="ui-loader ui-body-a ui-corner-all"><span class="ui-icon ui-icon-loading spin"></span><h1>loading</h1></div><div role="dialog" class="ui-dialog ui-page ui-body-a" data-role="dialog" data-theme="a"><div role="banner" class="ui-corner-top ui-overlay-shadow ui-bar-b ui-header" data-role="header" data-theme="b"><a data-theme="b" title="close" href="#" class="ui-btn-left ui-btn ui-btn-up-b ui-btn-icon-notext ui-btn-corner-all ui-shadow" data-icon="delete" data-iconpos="notext"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-icon ui-icon-delete ui-icon-shadow"></span><span class="ui-btn-text">close</span></span></a><div class="ui-title">Collect from Store:</div></div><div role="main" class="ui-content ui-corner-bottom ui-overlay-shadow" data-role="content"></div></div>



</body>
</html>
